<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表15</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_15_tit h2 {
         padding-bottom: 14px;
         text-align: center;
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_list_15_tit p {
         padding-bottom: 14px;
         text-align: center;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_list_15_info p {
         width: 80%;
         margin: 0 auto 16px;
         text-align: center;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_list_15_img {
         width: 80%;
         height: 220px;
         margin: auto;
      }

      .imgText_list_15_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      .imgText_list_15_content li:nth-child(2) {
         border-left: 1px solid #e4e4e4;
         border-right: 1px solid #e4e4e4;
      }

      @media (max-width:768px) {
         .imgText_list_15_content li {
            padding: 0;
         }
         .imgText_list_15_content li:nth-child(2) {
            border-left: none;
            border-right: none;
         }

         .imgText_list_15_content li:nth-child(1),
         .imgText_list_15_content li:nth-child(2) {
            padding-bottom: 40px;
         }

         .imgText_list_15_img {
            width: 100%;
            height: 200px;
         }

         .imgText_list_15_info p {
            width: 100%;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_15 modular">
      <div class="public_width">
         <ul class="imgText_list_15_content row">
            <li class="col-xl-4 col-12">
               <div class="imgText_list_15_tit">
                  <h2>01</h2>
                  <p>影视娱乐</p>
               </div>
               <div class="imgText_list_15_info">
                  <p>以专业的角度，为客户量身定制影视广告、360全景视频和会议会务策划（包括：企业宣传片、TVC广告片、品牌微电影、培训教学片、活动策划等）以专业的角度，为客户量身定制影视广告、360全景视频和会议会务策划（包括：企业宣传片、TVC广告片、品牌微电影、培训教学片、活动策划等）
                  </p>
               </div>
               <div class="imgText_list_15_img">
                  <img src="../images/img_collection_7.webp" alt="">
               </div>
            </li>

            <li class="col-xl-4 col-12">
               <div class="imgText_list_15_tit">
                  <h2>02</h2>
                  <p>艺术投资</p>
               </div>
               <div class="imgText_list_15_info">
                  <p>艺术品投资以其独特的魅力越来越为人们所注目。可观的经济效益和高雅的情调，使得艺术品投资具有其他投资工具难以比拟的优势。</p>
               </div>
               <div class="imgText_list_15_img">
                  <img src="../images/img_collection_5_4.png" alt="">
               </div>
            </li>

            <li class="col-xl-4 col-12">
               <div class="imgText_list_15_tit">
                  <h2>03</h2>
                  <p>品牌策划</p>
               </div>
               <div class="imgText_list_15_info">
                  <p>从活动前期的整体策划到现场执行、后期宣传，为您提供专业服务，我们拥有资深的创意策划人员及统筹人员以及丰富的组织和实践经验</p>
               </div>
               <div class="imgText_list_15_img">
                  <img src="../images/img_collection_5_4.png" alt="">
               </div>
            </li>
         </ul>
      </div>
   </div>
</body>

</html>